/**
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
/*- [ general ] --------------------------- */

#portletPages img {
  border:  0;
}

#portletPages form {
  margin: 0;
  padding: 0;
}

/*- [ portal-page ] --------------------------- */

#portal-page {
  font-size: 95%;
}

/*- [ portal-header ] --------------------------- */

#portletPages div#portal-header {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 8px solid #902;
	background: #EFE6CE;
}

#portletPages div#portal-header h1 {
  margin: 0;
  float: left;
  padding: 5px 10px;
}

#portletPages div#portal-header ul#portal-options {
  float: right;
  margin: 10px;
  padding: 0;
  list-style: none;
}

#portletPages div#portal-header ul#portal-options li {
  display: inline;
  margin: 0;
  padding: 0;
}

#portletPages div#portal-header ul#portal-options li a {
  padding: 0 4px 0 6px;
  border-left: 1px solid #e2c2b5;
}

#portletPages div#portal-header ul#portal-options li a.first-child {
  border-left: none;
}

/*- [ admin ] --------------------------- */

#portletPages h2 {
	font-size: 12px;
}

#portletPages h2#deploy-failed {
  font-weight: bold;
  color: red;
}

#portletPages h2#deploy-success {
  font-weight: bold;
  color: blue;
}

#portletPages h2#undeploy-failed {
  font-weight: bold;
  color: red;
}

#portletPages h2#undeploy-success {
  font-weight: bold;
  color: blue;
}

#portletPages h2#create-failed {
  font-weight: bold;
  color: red;
}

#portletPages h2#create-success {
  font-weight: bold;
  color: blue;
}

#portletPages h2#modify-failed {
  font-weight: bold;
  color: red;
}

#portletPages h2#modify-success {
  font-weight: bold;
  color: blue;
}

#portletPages h1#undeploy-portlet-content {
  margin-top: 20px;
}

#portletPages h1#create-portlet-content {
  margin-top: 20px;
}

#portletPages h1#modify-window-content {
  margin-top: 20px;
}

#portletPages form#portal-login fieldset,
#portletPages form#deploy-portlet fieldset,
#portletPages form#undeploy-portlet fieldset,
#portletPages form#modify-window fieldset,
#portletPages form#create-portlet fieldset {
  border: none;
  margin: 10px;
  padding: 0;
}

#portletPages form#portal-login label,
#portletPages form#deploy-portlet label,
#portletPages form#undeploy-portlet label,
#portletPages form#modify-window label,
#portletPages form#create-portlet label { display: block; margin-bottom: 2px;}

#portletPages form#portal-login input#submit,
#portletPages form#portal-login input#reset { display: inline; margin: 0;}

/*- [ portal-content ] --------------------------- */

#portletPages #portal-content {
  clear: both;
  margin: 0;
  padding: 0px;
}

#portletPages h1.portal-content-header {
  font-size: 12px;
  margin:  0;
  margin-bottom: 10px;
  padding: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #902;
}

/*- [ portlet-content-layout ] --------------------------- */

/* Layout = 1, THICK/THIN */

#portletPages #portal-content-layout #layout-1-thin {
  vertical-align: top;
  float: left;
  width: 30%;
  margin-right: 5%;
  /* background: #B5CCE3; */
}

#portletPages #portal-content-layout #layout-1-thick {
  float: right;
  width: 63%;
  /* background: #EDF2F8; */
}

/* Layout = 2, THICK/THIN */

#portletPages #portal-content-layout #layout-2-thick {
  float: left;
  width: 48%;
  margin-right: 2%;
  /* background: #EDF2F8; */
}

#portletPages #portal-content-layout #layout-2-thin {
  margin-top: 0;
  float: right;
  width: 45%;
  /* background: #B5CCE3; */
}

/* Layout = 3, THIN/THICK/THIN */

#portletPages #portal-content-layout #layout-3-left {
  float: left;
  width: 68%;
}

#portletPages #portal-content-layout #layout-3-left-thin {
  float: left;
  width: 30%;
  margin-right: 5%;
  /* background: #B5CCE3; */
}

#portletPages #portal-content-layout #layout-3-left-thick {
  float: right;
  width: 58%;
  margin-right: 5%;
  /* background: #EDF2F8; */
}

#portletPages #portal-content-layout #layout-3-right-thin {
  float: right;
  width: 30%;
  /* background: #B5CCE3; */
}


#portletPages a { color:#000; }

#portletPages .clear { clear:both; font-size:1px; line-height:1px; }

#portletPages #overlay { background:#666; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2000; }
#portletPages #overlay #preloader { background:url(loader_bg.gif) no-repeat; height:50px; left:50%; line-height:50px; margin:-25px 0 0 -25px; position:absolute; text-align:center; top:50%; width:50px; }
#portletPages #overlay #preloader img { margin:11px 0 0 0; vertical-align:middle; }

#portletPages .ui-sortable {
	background-color:#FFF;
	border:0px solid #DDD;
	color:#222;
	/*margin:0 15px 15px 0;
	padding:0 10px 10px;*/
	margin:0;
	padding:0;
	width:175px;
}

#portletPages dl.sort { color:#222; margin:5px 0;}
#portletPages dl.sort dt
{
	/*background-color:#B3BFD1;
	color:#000000; */
	cursor:move;
	/*height:2em;
	line-height:2;
	padding:0 6px;
	position:relative;*/

	float: left;
	height: 2em;
	line-height: 2;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/silverpeas/admin/jsp/icons/silverpeasV5/degradeEnteteBox.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-width: 1px;
	border-style: solid;
	border-color: #DEDEDE;
	border-right-style: none;
	/*padding-left: 10px;*/
	clear: both;
}
#portletPages dl.sort dd { background-color:#FFF; margin:0; padding:0 0px; }

#portletPages .ui-sortable-helper { width:175px; }
#portletPages .placeholder { border:1px dashed #AAA; }

#portletPages span.options { cursor:default; font-size:1px; line-height:1px; position:absolute; }
#portletPages span.options a { cursor:pointer; display:block; float:left; text-indent:-9000px; }

#portletPages dl.sort dt span.options { right:5px; width:60px; }
#portletPages dl.sort dt span.options a { height:15px; width:15px; }
#portletPages dl.sort dt span.options a.up
{
	margin-top:2px;
	margin-right:3px;
	background-image: url(/silverpeas/admin/jsp/icons/fo_flechehaut.gif);
	background-repeat: no-repeat;
}
#portletPages dl.sort dt span.options a.down
{
	margin-top:2px;
	margin-right:3px;
	background-image: url(/silverpeas/admin/jsp/icons/fo_flechebas.gif);
	background-repeat: no-repeat;
}
#portletPages dl.sort dt span.options a.remove
{
	margin-right:3px;
	background-image: url(/silverpeas/util/icons/delete.gif);
	background-repeat: no-repeat;
}
#portletPages dl.sort dt span.options a.disabled { cursor:default; }

#portletPages #container { float:left; }
#portletPages #thick { float:left; width:49%; height:90%}
#portletPages #thin { float:right; width:49%; }

/*- [ portlet ] --------------------------- */

#portletPages div.portlet-header {
  /*float: left;
  height: 2em;
  line-height: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color:#B3BFD1;*/

	float: left;
	height: 2em;
	line-height: 2;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/silverpeas/admin/jsp/icons/silverpeasV5/degradeEnteteBox.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-width: 1px;
	border-style: solid;
	border-color: #DEDEDE;
	border-right-style: none;
	padding-left: 10px;
}

#portletPages h2.portlet-title {
  /*float: left;
  margin:  0;
  font-size: 10px;
  font-weight: bold;*/

	float: left;
	margin:  0;
	margin-left: 4px;
	font-family: Verdana, Arial, sans-serif;
	font-variant: small-caps;
	color: #5889BB;
	font-size: 12px;
	font-weight: bold;
}

#portletPages ul.portlet-options {
  float: right;
  margin: 0;
  margin-right: 4px;
  padding: 0;
  list-style: none;
}

#portletPages ul.portlet-options li {
  display: inline;
  margin: 0;
  padding: 0;
}

#portletPages ul.portlet-options li a { float: left; display: block; height: 16px; width: 16px; margin: 4px 2px 4px 0; padding: 0; font-size: 83%; }
#portletPages ul.portlet-options li a:hover { background-color: #fff; }

#portletPages div.portlet-content {
  text-align: left;
  clear: both;
  padding: 4px;
  border:  1px solid #FAEFEB;
  border-top: none;
  color: #000;
  cursor: default;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

#portletPages div.portlet-content-minimized {
  clear: both;
}

/*- [ portlet END ] --------------------------- */
